<template>
    <div class="tou-xiang">
          <el-image src="/images/index/touxiang.jpg"> </el-image>      
        <div class="tright">  
        <p class="name">仙女味顾客</p>
            <div class="tt">
         <i class="el-icon-mobile"/>
          <span class="tel">158****9522</span>
            </div>
             <i  class="el-icon-caret-right"/></div>
    </div>
</template>
<script>
export default {
  

}
</script>
<style scope>
    html{font-size:10px}
    body{
        margin:0px
    }
    .el-icon-mobile{margin-right: 7px;
    margin-left: 126px;}
    .tt{margin-top: -28px;
    margin-left: 10px;}
    .tou-xiang{
        font-size:1.8rem;
        font-weight:700;
        height:160px;
        background-image:linear-gradient(90deg, #0af, #0085ff);
        color:#fff;
        padding:1rem 2rem 0 2rem;
    }
    .tou-xiang .el-icon-caret-right{     margin-top: -31px;margin-right: -30px;float:right;}
    .tright{margin-right:30px}
    .name{    margin-left: 140px;margin-top: -66px;}
    .tel,.el-icon-mobile{font-size:1.2rem;}
   .el-image{width:120px;height:120px; border-radius:50%;margin-top:10px;}
</style>